<template>
  <div>
    <Header ></Header>
    <Citylist :hotcityList="hotCities" :CitiesNameList="CitiesName"></Citylist>
  </div>
</template>

<script>
  import Header from "@/components/city/pages/Header";
  import Citylist from "@/components/city/pages/Citylist";
  export default {
    data() {
      return {
        hotCities: [],
        CitiesName:{}
      }
    },
    components: {
      Header,
      Citylist
    },
    mounted (){
        this.$http.get("/api/data/city.json").then((res)=>{
          // console.log(res)
          let data= res.data.data;
            this.hotCities=data.hotCities;
            this.CitiesName=data.cities

        })
    }

  }
</script>

<style>

</style>
